 <template>
  <div>
    <!--第一标签用v-if指令隐藏内容-->
    <p v-if="state.a">用v-if隐藏</p>
    <!--第二个标签用v-show指令隐藏内容-->
    <p v-show="state.a" id="show">用v-show隐藏</p>
  </div>
 </template>
 <script>
import {reactive, onMounted} from 'vue'
export default{
  setup(){
    const state=reactive({
      a: false
    })
    onMounted(()=>{
      const pNode = document.getElementById('show')
      console.log('pNode', pNode)
    })
    return {state}
  }
}
</script>